<template>
  <div>
    <div v-if="type==='image'">
      <myImage></myImage>
    </div>
    <div v-if="type==='search'">
      <Search></Search>
    </div>
     <div v-if="type==='banner'">
      <mySwiper></mySwiper>
    </div>
     <div v-if="type==='navBar'">
      <myNavBar></myNavBar>
    </div>
    <div v-if="type==='notice'"> 
        <myNotice></myNotice>
    </div>
     <div v-if="type==='window'"> 
        <myWindow></myWindow>
    </div>
     <div v-if="type==='goods'"> 
        <myGoods></myGoods>
    </div>
     <div v-if="type==='article'"> 
        <myArticle></myArticle>
    </div>
       <div v-if="type==='video'"> 
        <myVideo></myVideo>
    </div>
  </div>
</template>

<script>
import myImage from "./myImage.vue";
import mySwiper from './mySwiper.vue';
import Search from "./Search.vue";
import myNavBar from './myNavBar'
import myNotice from './myNotice.vue'
import myWindow from './myWindow.vue';
import myGoods from './myGoods.vue'
import  myArticle from './myArticle'
import  myVideo from './myVideo'
export default {
  components: {
    myImage,
    Search,
    mySwiper,
    myNavBar,
    myNotice,
    myWindow,
    myGoods,
    myArticle,
    myVideo
  },
 props: {
  type: {
    type: String,
    
  },
 info:{
  type:Object,
  default:()=>({})
 },

 },
 
  data() {
    return {};
  },
provide (){
  return{
    params:this.info.params||{},
    style:this.info.style||{},
    data:this.info.data||[],
    dataNum:this.info.dataNum||null

  }
},
  mounted() {},

  methods: {},
};
</script>
<style lang="scss" scoped>
</style>